Reflect Personal Blogger Template” Documentation by “Odd Themes” v1.0


Created: 23/06/2014
By: Odd Themes
Email: seobloggertemplates@gmail.com Website: www.SeoBloggerTemplates.com

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. Thanks so much!


Table of Contents

  1. Installation
  2. Upload Logo
  3. Setting up the menu
  4. About the author and Social links
  5. Add searchbar on left pane
  6. Credits To

  1. Installation - top
  2. You Follow These Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password.

    Then follow these steps:

    1. On Blogger Dashboard Click Template.

    2. Click on Customize Mobile Template on right side, now check the radio button for NO.

    3. Click Backup/Restore button (Top Right).

    4. Click on Choose File ( Browse..) button. Find the “template.xml” file location.

    5. Then Click Upload.


    To Edit Menu in this theme you can follow these steps:

    1. On Blogger Dashbord Click Template
    2. Click Edit HTML
    3. Scroll down and Find this Code :

              <ul class='slimmenu' id='navigation'> 
                  <li><a href='#'>Home</a></li> 
                  <li><a href='#'>Download</a></li> 
                  <li><a href='#'>Premium Version</a></li> 
                   
                  <li><a href='#'>Custom Theme</a></li> 
                   
                  <li> 
                      <a href='#'>Contact</a> 
                      <ul> 
                          <li><a href='#'>download templates</a></li> 
                          <li><a href='#'>Link 2</a></li>
                          <li><a href='#'>Link 3</a></li>
                      </ul> 
                 </li> 
              </ul> 
      
    4. Change # with yours URL link and text with your text.

  3. About the author and Social links - top Search for the below code in the template and replace the corresponding required text and links.
    <div class='widget-warrior_about-2 widget about'><h3 class='widget-title'><label>About the Author</label></h3>             
                <div class='thumbnail'><img alt='' class='avatar' src='http://wp.andrastudio.com/grateful/wp-content/themes/grateful/images/avatar.jpg'/></div> 
                    
    <p>This is my personal blog where I share a lot of stuffs about life and work everything I do in between.</p>
    
                <div class='social wow fadeIn animated' style='visibility: visible;'>
                    <ul> 
                                                <li><a href='#' target='_blank'><i class='fa fa-facebook'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-twitter'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-instagram'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-google-plus'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-linkedin'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-pinterest'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-flickr'/></a></li> 
                                                                    <li><a href='#' target='_blank'><i class='fa fa-youtube'/></a></li> 
                                        </ul> 
                </div> 
    </div>

  4. Add Searchbar to left pane - top
    If left pane doesn't have a searchbar then you can add it by yourself:
    Step 1: Goto Layout section, add a new gadget.
    Step 2: Select HTML/Javascript widget.
    Step 3: Paste the below code in the text area and leave the title blank. code:
    <form id="searchbox" method="get" action="/search"> 
    <input name="q" type="text" size="15" placeholder="Type here..." /> 
    <input id="button-submit" type="submit" value="Search" /> 
    </form>

    Now you are good to go.

     

    Once again, thank you so much for purchasing this theme. As we said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist.

    SeoBloggerTemplates

    Go To Table of Contents